js显示隐藏 table 的行和列

<SCRIPT LANGUAGE="JavaScript">    

<!--    

function setHiddenCol(oTable,iCol)

{    

    for (i=0;i < oTable.rows.length ; i++)    

    { oTable.rows[i].cells[iCol].style.display = oTable.rows[i].cells[iCol].style.display=="none"?"":"none";     }    

}    

function setHiddenRow(oTable,iRow)

{  oTable.rows[iRow].style.display = oTable.rows[iRow].style.display == "none"?"":"none";   }    

//-->    

</SCRIPT> 

 

 

<BODY>    

<TABLE id="Table1" cellSpacing="1" cellPadding="1" border="1">      

<TR> <TD>00</TD> <TD>01</TD> <TD>02</TD></TR>    

<TR> <TD>10</TD> <TD>11</TD> <TD>12</TD></TR>    

<TR> <TD>20</TD> <TD>21</TD> <TD>22</TD></TR>    

</TABLE> 

<INPUT id="btnHiddenCol" type="button" value="显示/隐藏第2列" name="btnHiddenCol" οnclick="setHiddenCol(document.getElementById('Table1'),1)">     

<INPUT id="btnHiddenRow" type="button" value="显示/隐藏第2行" name="btnHiddenRow" οnclick="setHiddenRow(document.getElementById('Table1'),1)">     

</BODY> 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值